<template>
    <div class="copyright">
        <div class="linklist">
            <div class="linklist-item">
                语言
                <span class="itemValue">简体中文</span>
                <span class="linklist-item-icon"></span>
            </div>
            <div class="linklist-item">
                关于我们
                <span class="linklist-item-icon"></span>
            </div>
            <div class="linklist-item">
                与我们合作
                <span class="linklist-item-icon"></span>
            </div>
            <div class="linklist-item">
                支援
                <span class="linklist-item-icon"></span>
            </div>
        </div>

        <!-- 社交账号 -->
        <div class="social-account-list">
            <img src="../assets/34.png" alt="" class="social-account-icon">
            <img src="../assets/33.webp" alt="" class="social-account-icon">
            <img src="../assets/30.webp" alt="" class="social-account-icon">
            <img src="../assets/32.webp" alt="" class="social-account-icon">
            <img src="../assets/31.webp" alt="" class="social-account-icon">
        </div>
        <p style="font-weight: 600;" class="pb10">
            © 2025 18Game Entertainment Ltd – All Rights Reserved.
        </p>

        <p style="font-weight: 600;line-height: 15px;" class="pb10">
            Trademarks owned by Licensing IP International S.a.r.l. used under license by Nutaku Entertainment Ltd.
        </p>

        <p style="font-size: 11px;line-height: 13px;">
            本網站出現的模特一律年滿 18 歲。訪問根據 18 U.S.C. 2257 記錄保存要求合規性聲明所需的記錄。 您進入本網站即表宣誓您屆滿所在區域觀看成人內容的合法年齡，且您有意願觀看此等內容。
        </p>

        <p class="pt20" style="font-weight: 600;">
            使用規定 &nbsp; &nbsp;隱私權聲明 &nbsp; &nbsp; EU DSA
        </p>

        <p style="font-weight: 600;">
            Recommender System Guidelines
        </p>

        <p class="copyRightLogo">
            <span class="logo1"></span>
            <span class="logo2"></span>
        </p>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.copyright {
    text-align: center;
    padding: 20px;
    padding-bottom: 40px;
    font-size: 12px;
    color: #fff;
    background-image: linear-gradient(to top, rgba(216, 0, 255, 1), #64d0f8);

    .linklist {
        text-align: left;

        .linklist-item {
            font-size: 14px;
            font-weight: bold;
            border-radius: 6px;
            background-color: #151515;
            height: 30px;
            width: 100%;
            display: flex;
            align-items: center;
            padding: 17px 15px;
            margin-bottom: 10px;
            position: relative;
            .itemValue{
                position: absolute;
                right: 44px;
            }
        }
        .linklist-item-icon{
            display: inline-block;
            width: 18px;
            height: 18px;
            background: url('../assets/arrow-down.png') no-repeat center;
            background-size: contain;
            position: absolute;
            right: 12px;
        }
    }

    .social-account-list{
        display: flex;
        justify-content: center;
        padding: 10px 0;
        .social-account-icon{
            width: 45px;
            padding:0 10px;
        }
    }
}

.copyRightLogo {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;

    .logo1 {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url('../assets/35.png') no-repeat center;
        background-size: contain;
    }

    .logo2 {
        display: inline-block;
        width: 150px;
        margin-left: 10px;
        height: 30px;
        background: url('../assets/85.png') no-repeat center;
        background-size: contain;
    }
}
</style>
